<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h2{color:blue}
    </style>
    <!--引入外部样式-->
<link rel="stylesheet" href="my.css">
</head>
<body>
<!--内联样式-->
<h1 style="color: red">内联样式1</h1>
<h1 style="color: green">内联样式1</h1>
<!--内部样式-->
<h2>内部样式1</h2>
<h2 style="color:pink">内部样式2</h2>
<!--外部样式-->
<h3>外部样式1</h3>
<h2>外部样式2</h2>
<!--引入方式的 生效原则 就近原则:后执行覆盖先执行-->
<!--内联样式不可复用-->
<!--内部样式 当前页面可以复用-->
<!--外部样式 多个页面可以复用-->
</body>
</html>